<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/styletext03.css">
    <title>信息采集</title>
</head>

<body>
    <!-- 返回上一级 -->
    <header class="header">
        <a href="./styletext02.html"><img src="./images/arrow-double-left.png" alt=""></a>
    </header>
    <h3>你的肤色&身高&体重</h3>

    <!-- 肤色部分 -->
    <section class="fucolor">
        <div class="fu_box">
            <div class="fu_secbox">
                <img src="./images/圆 1.png" alt="">
            </div>
        </div>
        <div class="fu_box">
            <div class="fu_secbox">
                <img src="./images/圆 2.png" alt="">
            </div>
        </div>
        <div class="fu_box">
            <div class="fu_secbox">
                <img src="./images/圆 3.png" alt="">
            </div>
        </div>
        <div class="fu_box">
            <div class="fu_secbox">
                <img src="./images/圆 4.png" alt="">
            </div>
        </div>
        <div class="fu_box">
            <div class="fu_secbox">
                <img src="./images/圆.png" alt="">
            </div>
        </div>
    </section>

    <!-- 身高、体重部分 -->
    <section class="content">
        <div class="con_box">
            <input type="text" placeholder="身高"> <span>CM</span>
        </div>
        <div class="con_box">
            <input type="text" placeholder="体重"> <span>Kg</span>
        </div>
    </section>

    <!-- 下一步按钮 -->
    <section class="nextbutton">
        <a href="./styletext04.html"><button id="btn" >下一步</button></a>
    </section>

    <script src="./js/flexible.js"></script>

    <script>
        var futag = document.getElementsByClassName('fu_secbox')
        for (var i = 0; i < futag.length; i++) {
            futag[i].onclick = function() {
                for (var i = 0; i < futag.length; i++) {
                    futag[i].style.backgroundColor = '#fff'
                }

                this.style.backgroundColor = '#7cddf6'
            }
        }

        var btn = document.getElementById('btn')
        btn.onclick = function() {
            this.style.backgroundColor = '#f2f4f7'
        }
    </script>

</body>



</html>